// colors and styles
$primary_text_color:    #333;
$secondary_text_color:  #666;

$primary_border_color: #ccc;
$primary_border_style:   1px solid #ccc;
$secondary_border_style: 1px solid #999;
$auxillary_border_style: 1px solid #ddd;

$code_block_bg_color: #eee;


// typeface
$primary_font_family: "Lucida Grande", Helvetica, Arial, sans-serif;
$code_font_family:    Monaco, "Lucida Console", "Courier New", Courier, monospace;


// effect
@mixin textshadow {
  text-shadow: 2px 2px 3px #222;
}

@mixin boxshadow {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
}

@mixin rounded_corners ($radius: 6px) {
  -moz-border-radius:     $radius;
  -webkit-border-radius:  $radius;
  border-radius:          $radius;
}

@mixin rounded_top_corners ($radius: 6px) {
  -moz-border-radius:     $radius $radius 0 0;
  -webkit-border-radius:  $radius $radius 0 0;
  border-radius:          $radius $radius 0 0;
}

@mixin rounded_bottom_corners ($radius: 6px) {
  -moz-border-radius:     0 0 $radius $radius;
  -webkit-border-radius:  0 0 $radius $radius;
  border-radius:          0 0 $radius $radius;
}


@mixin transition($target: all) {
  -webkit-transition: $target 0.1s linear;
}

@mixin bg_gradient {
  background: -moz-linear-gradient(top, #888, #555);
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#555)) #666;
}

@mixin header_box_shadow {
  -webkit-box-shadow: 0 0 4px #000;
  -moz-box-shadow:    0 0 4px #000;
  box-shadow:         0 0 4px #000;
}

@mixin box_shadow {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
  -moz-box-shadow:    inset 0 1px 2px rgba(0, 0, 0, .25);
  box-shadow:         inset 0 1px 2px rgba(0, 0, 0, .25);
}

@mixin box_shadow_focused {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25), 0 0 5px #000;
  -moz-box-shadow:    inset 0 1px 2px rgba(0, 0, 0, .25), 0 0 5px #000;
  box-shadow:         inset 0 1px 2px rgba(0, 0, 0, .25), 0 0 5px #000;
}
